@charset "gb2312";
/*站点标签通用样式定义*/
html, body { font-family: Microsoft YaHei, arial, 宋体; font-size: 14px; line-height: 2; color: #666666; margin: 0 auto; background: #fff; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body, span, input { margin: 0; padding: 0; border: 0; font-family: 微软雅黑, arial, 宋体; }
a { text-decoration: none; color: #666666; }
a:hover { color: #0b65c2; }
ul, li { list-style: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
/*全局样式类定义*/
.clear { clear: both; height: 0; overflow: hidden; }
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.mar30 { margin-top: 5px; }
.head { height: 30px; line-height: 30px; font-size: 12px; background: #e4e4e4; color: #000; }
.head a { color: #fff; }
.wap, .qx { position: relative; float: right; cursor: pointer; }
.ewm { position: absolute; left: 0; top: 30px; z-index: 10; display: none; }
.qxul { position: absolute; background: #245faf; right: 0; top: 30px; width: 130px; text-align: center; display: none; z-index: 999; }
.qxul li { border-bottom: 1px solid #fff; line-height: 25px; height: 25px; overflow: hidden; }
.qxul li a:hover { background: #666; display: block; line-height: 25px; height: 25px; }
.qxul li a { height: 25px; display: block; }
.top_back { background: url(../images/menu_bg.jpg) repeat-x; position: relative; }
.top { height: 112px; width: 1200px; margin: 0 auto; position: relative; }
.logo { width: 430px; font-size: 18px; float: left; height: 112px; background: url(../images/logo2.png) no-repeat 12px center; padding-left: 150px; color: #000; }
.logo h1 { font-size: 28px; line-height: 30px; padding-top: 15px; }
.tel { width: 200px; height: 112px; padding-left: 58px; float: left; background: url(../images/tel.png) no-repeat left center; line-height: 112px; font-size: 24px; color: #245faf; }
.sea { width: 250px; float: right; margin-top: 42px; border: 1px solid #c8cad6; }
.SearchKey { width: 210px; height: 34px; float: left; text-indent: 10px; line-height: 21px; border-right: none; color: #666; }
/*nav*/
.nav_100 { width: 100%; background-color: #245faf; /*background-color: #344062;*/ opacity: 0.9; -webkit-opacity: 0.9; -moz-opacity: 09; position: absolute; top: 112px; left: 0; z-index: 10; }
#nav { width: 1200px; height: 46px; margin: 0 auto; }
#nav UL { WIDTH: 150px; FLOAT: left; HEIGHT: 40px; text-align: center; }
#nav UL LI { }
#nav UL LI A { LINE-HEIGHT: 40px; DISPLAY: block; HEIGHT: 40px; color: #fff; }
#nav UL LI A:hover, .cho { BACKGROUND: url(../images/menuturn.jpg) no-repeat center 40px; WIDTH: 150px; height: 40px; display: block; }
#nav UL .menu { POSITION: absolute; WIDTH: 150px; z-index: 99; BACKGROUND: #C11A1A }
#nav UL .menu SPAN { WIDTH: 150px; HEIGHT: 25px; overflow: hidden; }
#nav UL .menu span A { font-size: 12px; BORDER-BOTTOM: #ccc 1px solid; overflow: hidden; LINE-HEIGHT: 25px; DISPLAY: block; HEIGHT: 25px; FONT-WEIGHT: normal; }
#nav UL .menu SPAN A:hover { BACKGROUND: #245faf; color: #fff; overflow: hidden; }
.flexslider { text-align: center; width: 100%; margin: 0 auto; position: relative; height: 480px; overflow: hidden; background: url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align: center }
.slides { position: relative; z-index: 1; }
.slides li { height: 410480; }
.slides li a { width: 100%; height: 480px; display: block; }
.flex-control-nav { position: absolute; bottom: 15px; z-index: 2; width: 100%; }
.flex-control-nav li { display: inline-block; width: 38px; height: 5px; margin: 0 5px; *display: inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 38px; height: 5px; line-height: 50px; overflow: hidden; background: #a6b5be; color: #a5352e; cursor: pointer; }
.flex-control-nav .flex-active { background: #e93910; color: #fff; }
.bannera .flexslider { text-align: center; width: 100%; margin: 0 auto; position: relative; height: 222px; overflow: hidden; background: #245faf url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align: center }
.bannera .slides li { height: 222px; }
.bannera .slides li a { width: 100%; height: 222px; display: block; }
.content { width: 1200px; margin: 0 auto; }
.tit { color: #999999; text-align: center; margin-bottom: 30px; }
.tit-1 h3 { background-position: center 0; }
.tit-2 h3 { background-position: center -79px; }
.tit-1 h3, .tit-2 h3 { margin: 10px 0px; height: 79px; text-indent: -9999px; background-image: url(../images/hot-bg.png); }
.pro { margin: 40px auto; }
a.abtn { display: block; height: 260px; width: 37px; overflow: hidden; background: url(../images/arrow3.png) no-repeat 0px 50%; }
a.aleft { float: left; }
a.aright { float: right; background-position: -40px 50%; }
.imglist_w { width: 1100px; height: 260px; margin-left: 5px; overflow: hidden; float: left; position: relative;/*必要元素*/ }
.imglist_w ul { width: 20000px; position: absolute; left: 0px; top: 0px; margin-left: 10px; }
.imglist_w li { float: left; width: 260px; height: 255px; margin-right: 12px; text-align: center; border: 1px solid #dfdfdf; }
.imglist_w li a { width: 240px; height: 235px; padding: 10px; background: url(../images/casebg.jpg) no-repeat center 204px; display: block; }
.imglist_w li a:hover { background: #daebf0 url(../images/caseturn.jpg) no-repeat center 204px; display: block; transition: all 1s; }
.imglist_w li b { font-weight: normal; line-height: 75px; height: 55px; }
.imglist_w li img { width: 240px; height: 180px; }
.proclass { margin: 40px auto; }
.proclass li { float: left; margin: 0 20px; -webkit-transition: -webkit-transform 2s; transition: all 2s; text-align:center;}
.proclass li a:hover img { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); /* Opera */ }
@-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}
.proclass li a:hover img { animation: btnRotate 1.5s linear infinite; -webkit-animation: btnRotate 1.5s linear infinite; -moz-animation: btnRotate 1.5s linear infinite; -ms-animation: btnRotate 1.5s linear infinite; }
.ad { background: #12387c url(../images/adbg.png) no-repeat center top; color: #fff; padding: 20px 0; height: 255px; }
.ad h3 { text-align: center; font-size: 24px; padding-bottom: 20px; }
.ad li { float: left; width: 125px; padding-left: 110px; }
.ad h4 { font-size: 16px; font-weight: normal; }
.com { background: #ebebeb url(../images/combg.jpg) center center fixed repeat-x; background-size: cover; color: #fff; padding: 40px 0; position:relative;}
.com .content { position: relative; font-size: 12px; }
.com img { float: left; margin-right: 15px; border: 3px solid #fff; }
.com a { width: 100px; height: 30px; text-align: center; color: #245FAF; position: absolute; right: 0; bottom: 0; display: block; background: #D1D4DB; line-height: 30px; }
.com h3 { font-size: 16px; }
.news { background: #f8f8f8; padding: 30px 0; font-size: 12px; }
.comnews { width: 720px; float: left; }
.hynews { width: 420px; float: right; }
.newstop { line-height: 40px; color: #245faf; font-size: 20px; border-bottom: 2px solid #cecece; margin-bottom: 20px; }
.newstop a { width: 24px; height: 24px; color: #fff; float: right; font-size: 12px; background: url(../images/more.gif) no-repeat; margin-top: 10px; text-align: center; text-indent:-999em; }
.newspic { width: 248px; float: left; text-align: center; font-size: 14px; }
.newspic img { width: 248px; height: 188px; }
.newspic a, .newstt a { color: #245faf; display: block; }
.newsri { width: 434px; float: right; }
.newslist li { background: url(../images/baik_jt.gif) no-repeat left center; padding-left: 14px; }
.newslist li span { float: right; }
.newstt { line-height: 22px; margin-bottom: 4px; }
.newstt a { font-size: 14px; }
.newstt span { width: 55px; height: 63px; color: #fff; float: left; display: block; background: #245faf; font-size: 12px; text-align: center; margin-right: 10px; }
.newstt span h3 { font-size: 30px; border-bottom: 1px solid #fff; line-height: 40px; }
.link { width: 1206px; height: 100px; position: relative; margin: 40px auto; border:1px solid #ccc;}
.linktop { width: 1185px; line-height: 30px; text-indent: 14px; /*background: url(../images/line.jpg) repeat-x center;*/ padding-left: 15px; }
.linktop li { float: left; padding-right: 10px; margin-right: 10px; background: #fff url(../images/tab.gif) no-repeat right center; cursor: pointer; }
.linktop .active, .linktop li:hover { background: #fff url(../images/taba.gif) no-repeat right center; font-size:14px; font-weight:bold; }
.linktest { width: 1180px; position: absolute; top: 30px; left: 0; display: none; padding:0 10px 10px 10px; }
.linktest a { font-size:12px;}
.hover { display: block; }
.ewmbot { float: right; background: url(../images/ewmbg.jpg) no-repeat left bottom; padding-left: 100px; }

/* 尾部开始
.footer { background: #313439; color: #fff; }
.footer a { color: #fff; }
.foot { width: 1200px; position: relative; margin: 0 auto; padding: 20px 0; }
#friendlink { width: 100%; height: 330px; background: url(../images/footer_bg.png) no-repeat; }
#friendlink .footer_tab { float: left; width: 625px; padding-top: 28px; padding-left: 15px; }
.footer_tab dl { float: left; width: 156px; }
.footer_tab dl dt { padding-bottom: 14px; font-size: 14px; color: #FFF; }
.footer_tab dl dt em { padding-left: 5px; font-family: Arial; font-size: 12px; }
.footer_tab dl dd { line-height: 22px; }
.footer_tab dl dd a { color: #acacac; }
.footer_tab dl dd a:hover { color: #009fd3; }
#friendlink .contact { float: right; width: 337px; padding-top: 32px; }
.contact h2 { font-size: 20px; color: #FFF; }
.contact h2 em { padding-left: 5px; font-family: Arial; font-size: 14px; }
.contact ul li { padding-left: 26px; line-height: 32px; font-family: Arial; background-image: url(../images/contact_icon_03.gif); background-repeat: no-repeat; }
.contact ul li.telephone_num { font-size: 20px; background-position: 0px 7px; }
.contact ul li.email { background-position: 0px -24px; font-size: 18px; }
.contact ul li.adress { background-position: 0px -58px; font-family: "瀹?浣?"; font-size: 12px; }
.contact ul li { color: #FFF; }
.contact ul li:hover { color: #ffe400; }

#footer { height: 54px; line-height: 54px; background-color: #1a1a1a; }
#footer .copyright { float: left; color: #FFF; }
#footer .copyright a { padding-left: 7px; color: #FFF; }
#footer .copyright a img { vertical-align: middle; }
#footer .copyright a:hover { color: #ffe400; }
#footer .share { float: right; width: 150px; height: 39px; margin-top: 9px; display: inline; }
#footer .share a { float: left; width: 39px; height: 39px; background-image: url(../images/bg23.png); background-repeat: no-repeat; margin-right: 9px; }
#footer .share a.qq { background-position: 0px 0px; }
#footer .share a.wx { background-position: -47px 0px; }
#footer .share a.xl { background-position: -95px 0px; }
#footer .share a:hover { background-image: url(../images/bg24.png); }
尾部结束*/

.layout { width: 1200px; margin: 0px auto; clear: both; }
.mainbody { width: 920px; float: right; margin-bottom: 50px; }
.maintop { border-bottom: 4px solid #245faf; margin-bottom: 30px; }
.maintop span { float: left; background: url(../images/wz.gif) no-repeat left center; text-indent: 20px; padding: 10px 0; }
.mainto { text-align: center; font-size: 24px; color: #245faf; background: url(../images/maintop.jpg) no-repeat center bottom; }
.mainto a { color: #245faf; }
.maintest { padding: 20px; }
.sidebar { width: 215px; float: left; }
.sidetop { font-size: 24px; color: #245faf; border-bottom: 1px solid #245faf; text-align: center; margin-bottom: 10px; }
.sidelist li { text-align: center; border-bottom: 1px solid #666666; line-height: 50px; }
.sidelist li a { display: block; }

.sidelist li a:hover, .sidecho { background: #245faf; color: #fff; display: block; }
/*Main Content*/
.MainContent { overflow: hidden; clear: both; text-align: left; }
.MainContent div, .MainContent ul, .MainContent li { }

/*Detail Content*/
.DetailContent { margin: 10px auto; line-height: 24px; color: #333; }
.DetailContent p { padding: 5px; line-height: 25px; }

/*Article List*/
.arList li { border-bottom: 1px solid #d5d5d6; background: url(../images/newsdot.jpg) no-repeat left 14px; margin-bottom: 15px; line-height: 26px; }
.arList li h3 { font-size: 18px; font-weight: normal; line-height: 44px; color: #333333; padding-left: 12px; }
.arList li img { width: 107px; height: 57px; float: left; padding-right: 15px; }
.arList .newsl { float: left; width: 750px; }
.newsr h2 { font-size: 35px; line-height: 32px; padding-top: 16px; }
.newsr { width: 85px; height: 80px; float: right; background: #e3e3e3; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both; }
.arTitle { line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arDate span { background: url(../images/data.png) no-repeat left center; padding-left: 25px; }
.arDate span i { font-style: normal; color: #db0023; }
.arKeywords { height: 24px; margin: 6px auto; line-height: 24px; color: #db0023; }
.arContent { margin: 10px auto; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 25px; }
.arContent P { font-size: 14px; line-height: 180%; }
/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto; }
.ExhibitList li { float: left; width: 260px; margin: 15px 15px; text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li:hover, .ExhibitList li:hover div.ImageTitle { background: #db0023; color: #fff; display: block; }
.ExhibitList li div.ImageTitle { height: 25px; line-height: 25px; text-align: center; background: #fff; overflow: hidden; }
.ExhibitList li img { padding: 5px; width: 250px; height: 188px; }
.ExhibitList li p { height: 25px; line-height: 25px; overflow: hidden; }
.ExhibitLista li { float: left; margin: 15px; }
.ExhibitLista li img { padding: 5px; border: 1px solid #ccc; }
/*Product Index*/
.picl { margin: 0 0 0 6px; width: 935px; }
.piclItem { float: left; width: 412px; margin: 10px 20px 0px 10px; background-color: #f7f7f7; border: 1px solid #d5d5d5; border-radius: 5px; }
.piclClassImage { float: left; display: inline; margin: 15px 10px; padding: 5px; border: 1px solid #cccccc; }
.piclClassInfo { float: left; width: 190px; margin-top: 15px; }
.piclClassTitle { height: 20px; line-height: 20px; }
.piclClassTop3 { margin-top: 3px; }
.piclClassTop3 li { width: 190px; height: 24px; line-height: 24px; overflow: hidden; background: url(../images/dot.jpg) no-repeat left center; text-indent: 6px; }
.piclClassTop3 li a { padding-left: 5px; font-size: 14px; }
.piclClassOther { width: 180px; margin-top: 3px; text-align: center; font-size: 12px; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; }
/*Product List*/
.pdTitle h2 { font-size: 18px; }
.ProductList { margin: 0 auto; }
.pdListItem { height: 164px; margin-top: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 18px; }
.pdListItem1 {  margin-top: 10px; margin-bottom: 18px;
    float: left; }
.pdImage { float: left; width: 180px; height: 135px; margin: 14px 0px 0px 10px; border: 1px solid #cccccc; }
.pdImage1 { float: left; width: 276px; height: 165px; margin: 14px 0px 0px 10px;}
.pdImage1 img{ display: block; margin: 0 auto;}
.pdInfo { float: right; width: 670px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdInfo1 {  margin-top: 17px; margin-right: 10px; text-align: center; }
.pdListItem:hover .prolistmo { border: 1px solid #db0023; }
.pdListItem:hover .prolistmo a { color: #db0023; }
.pdListItem:hover .pdTitle a { color: #db0023; }
.pdListItem:hover .pdImage { border: 1px solid #db0023; }
.pdInfo .pdTitle { height: 22px; line-height: 12px; }
.pdInfo .pdTitle a { font-size: 16px; font-weight: bold; color: #656565; }
.pdInfo .pdTitle .ProSubTitle { display: none; color: Red; font-size: 12px; }
.pdInfo .pdOverview { height: 66px; line-height: 22px; margin-top: 3px; }
.pdInfo .pjlistmo { margin-top: -10px; }
.prolistmo { width: 97px; height: 28px; line-height: 28px; color: #666; font-size: 14px; border: 1px solid #ccc; text-align: center; float: right; margin-top: 10px; }
.pdInfo .pdQuickButton { float: right; clear: both; height: 20px; margin-top: 4px; }
.pdInfo .pdQuickButton li { float: left; width: 73px; height: 20px; margin-left: 10px; }
.bpi, .bpv, .bpc, .bpd, .bpj { display: none; }
/*Product Content*/
.ProductBox { clear: both; width: 100%; height: 197px; margin: 10px auto; background-image: url(../Images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 710px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 710px; margin: 10px auto; }
.BoxHeader { width: 710px; height: 7px; }
.BoxFooter { width: 710px; height: 7px; }
.BoxBody { clear: both; padding: 10px; border-bottom: 1px solid #ccc; }
.RelatedProduct { clear: both; width: 710px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 710px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft { margin-top: 10px; }
.riList li { width: 44%; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dota.png) no-repeat left center; text-indent: 10px; float: left; margin: 0 3%; }
/*Project List*/
.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; height: 149px; margin-top: 10px; }
.pjImage { float: left; display: inline; width: 180px; height: 135px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 660px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { margin: 5px 0; }
.pjInfo .pjTitle h3 { color: #db0023; }
.pjInfo .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 72px; line-height: 24px; }
/*Project Content*/
.ProjectBox { height: 175px; margin: 10px auto; border-bottom: 1px solid #ccc; }
.ProjectContent { margin: 10px auto; }
/*Job List*/
.JobList { width: 710px; margin: 50px auto 0; }
.JobListItem { margin-bottom: 30px; width: 100%; padding-bottom: 30px; border-bottom: 1px dotted #ccc; }
.JobPost { width: 710px; }
.JobPost tr { }
.JobPost td { height: 24px; line-height: 24px; font-size: 14px; }
.JobPost td b { font-weight: normal; }
.jpTitle { width: 100px; text-align: center; font-size: 14px; color: #000; }
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 3px 5px; }
/*Equipment*/
.equipment { width: 500px; height: 314px; margin: 20px auto; background-image: url(../Images/Equipment.jpg); background-repeat: no-repeat; }
.equipment a { display: block; width: 201px; height: 59px; }
.e_button { float: left; width: 201px; height: 59px; margin-right: 32px; }
.e_button_1 { float: left; width: 201px; height: 59px; margin-left: 8px; }
.e_position { margin-left: 29px; margin-bottom: 60px; padding-top: 63px; }
.e_position_1 { margin-left: 29px; }
/*Product&Project List SubTitle&Hot*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }
.shareurl { margin-top: 10px; line-height: 28px; }
/*Prev Next*/
.FastMove { clear: both; margin: 10px auto; }
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 图片点击放大
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/*产品内页集锦切图*/
.slides_container { float: left; width: 180px; overflow: hidden; }
.slides_container a { width: 180px; height: 150px; display: block; }
.slides_container a img { display: block; }
#slides .next, #slides .prev { float: left; width: 20px; height: 96px; display: block; margin-top: 32px; text-align: center; }
/*产品弹出窗口内的集锦图*/

.ad-gallery div { overflow: hidden; }
.ad-gallery { width: 600px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '../images/opa75.png' );
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*products*/
.mar_con { border: 1px solid #ccc; border-radius: 5px; padding: 20px 10px; }
/*产品详情页图片集锦效果*/
.right-extra .mt { height: 28px; line-height: 28px; padding: 0 10px 8px; border-top: 1px solid #EED97C; background: url(../images/bg_hotsale.gif) repeat-x 0 -552px; color: #c00; }
.right-extra .tab { border-bottom: 2px solid #BE0000; margin-bottom: 10px; }
.right-extra .tab li { position: relative; height: 24px; padding: 3px 12px 0; background: url(../images/icon_clubs.gif) #ccc no-repeat right -150px; overflow: hidden; margin-right: 3px; line-height: 24px; font-size: 14px; font-weight: bold; color: #c30; }
.right-extra .tab span { position: absolute; left: 0; top: 0; z-index: 1; width: 10px; height: 27px; background: url(../images/icon_clubs.gif) no-repeat 0 -150px; }
.right-extra .tab a { float: none; color: #c30; }
.right-extra .tab .curr { background-position: right -178px; color: #fff; }
.right-extra .tab .curr span { background-position: 0 -178px; }
.right-extra .tab .curr a { color: #fff; }
.right-extra .mc .extra { padding: 5px 10px; border-top: 1px solid #F3E6C6; }
.right-extra .total { float: right; }
.right-extra .total strong { color: #FF7403; }
.right-extra .total a:link, .right-extra .total a:visited { color: #005aa0; }
.right-extra .join a:link, .right-extra .join a:visited { color: #FF7604; }
.right-extra .norecode { padding: 0 10px 10px; }
.right-extra .iloading { margin-bottom: 10px; }
/*评论列表*/
#comment .item { border: 1px solid #FFFFFF; padding: 8px 15px; }
#comment .odd { background: none repeat scroll 0 0 #F4F9FF; border: 1px solid #EDF0F1; border-radius: 10px 10px 10px 10px; }
#comment .user { color: #999999; text-align: right; }
#comment .user span { margin-left: 20px; }
#comment .user .u-level { color: #088100; }
#comment dl { margin-bottom: 5px; overflow: hidden; }
#comment dt { float: left; text-align: right; width: 80px; }
#comment dd { float: right; overflow: hidden; width: 649px; }
#comment .content { float: left; width: 510px; }
#comment .date-answer { color: #999999; float: right; text-align: right; width: 117px; }
#comment .useful { color: #999999; text-align: right; }
#comment .useful a { color: #005AA0; }
#comment dt b { background-image: url("../images/icon_clubs.gif"); background-repeat: no-repeat; float: left; height: 13px; margin: 2px 3px 0 0; width: 14px; }
#comment .ask b { background-position: -72px -14px; }
#comment .answer { color: #D75509; }
#comment .answer b { background-position: -57px -14px; }
/*图片放大镜样式*/
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 263px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/
.spec-preview { width: 360px; height: 270px; border: 1px solid #DFDFDF; }
.spec-scroll { clear: both; margin-top: 5px; width: 362px; }
.spec-scroll .prev { float: left; margin-right: 4px; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 42px; line-height: 42px; border: 1px solid #CCC; background: #EBEBEB; cursor: pointer; text-decoration: none; }
.spec-scroll .items { float: left; position: relative; width: 322px; height: 44px; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 44px; }
.spec-scroll .items ul li { float: left; width: 64px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 38px; }
.spec-scroll .items ul li img:hover { border: 2px solid #FF6600; padding: 1px; }
.InfoBox { float: right; display: inline; width: 480px; height: 314px; margin-right: 10px; margin-top: 6px; line-height: 22px; position: relative; }
.InfoBox .pdTitle { font-size: 24px; font-weight: bold; color: #db0023; margin: 12px 0; }
.pdKeywords { color: #4a4a4a; font-size: 12px; margin-bottom: 6px; }
.pdClass, .pdClass a { margin-bottom: 6px; }
.pdOverview { }
.pdpromo { width: 100px; height: 36px; line-height: 36px; background: #db0023; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 0; }
.xggc { width: 100px; height: 36px; line-height: 36px; background: #db0023; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 135px; }
.pdpromo a, .xggc a { color: #fff; }
.right-extra { float: left; }
/*产品详情页*/
.ny_detail { padding: 10px 0px 0px; }
.detail_tit { text-align: center; line-height: 30px; color: #999; }
.detail_tit h2 { color: #000; font-size: 24px; line-height: 45px; text-align: center; overflow: hidden; font-family: "微软雅黑"; }
.ArticleKeywords { height: 24px; line-height: 24px; text-indent: 10px; color: #007ee0; border-bottom: dashed 1px #858585; }
.cptp { text-align: center; padding: 20px 0; }
.detail_wz { line-height: 24px; margin: 10px auto; line-height: 24px; color: black; }
.page2 p { height: 30px; line-height: 30px; padding: 0 10px; display: block; font-weight: 200; }
.page2 p a { color: #33afb5; }
.but_tit { height: 30px; border-bottom: 2px solid #ccc; line-height: 30px; margin-top: 25px; }
.but_tit span { display: block; width: 114px; height: 30px; line-height: 30px; color: #fff; background: #db0023; text-align: center; }
.but_tit span em { width: 6px; height: 14px; background-color: #fff; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }
.ljcg ul li b { display: block; width: 95px; height: 22px; float: left; color: #666; line-height: 20px; font-weight: normal; overflow: hidden; text-align: right; }
.ljcg { width: 630px; height: auto; padding: 10px 0 0 30px; overflow: hidden; }
.ljcg ul li em { font-style: normal; color: #999; font-size: 12px; line-height: 20px; padding-left: 10px; overflow: hidden; }
.mri02m_dd { width: 280px; height: 20px; border: 1px solid #D3D4D3; font-size: 12px; padding: 0px 2px; overflow: hidden; margin-left: 5px; }
.mri02m_ly { width: 400px; height: 70px; border: 1px solid #D3D4D3; padding: 0px 2px; overflow: auto; color: #B9B9B9; font-size: 12px; line-height: 22px; margin-left: 5px; }
.ljcg ul li { padding: 0px 0px 5px; }
.mri02m_tj { width: 58px; height: 25px; margin: 8px 0px; color: #FFF; font-size: 12px; line-height: 25px; text-align: center; background: #118cda; j;
overflow: hidden; cursor: pointer; border: none; }
.xgwz ul { padding: 25px 0; }
.xgwz ul li { height: 28px; line-height: 28px; text-indent: 12px; border-bottom: 1px dashed #cecece; overflow: hidden; width: 47%; float: left; margin: 0 1%; }
.xgwz ul li span { float: right; }
.zxpro_con { width: 708px; padding: 15px 0 0 0px; }
.zxpro_con li { float: left; margin: 0 15px; overflow: hidden; text-align: center; }
.zxpro_con li span { display: block; height: 30px; line-height: 30px; text-align: center; width: 206px; overflow: hidden; }
.zxpro_con li img { padding: 2px; border: 1px solid #cecece; }
.zxpro_con li a { display: block; height: 175px; line-height: 34px; }
.zxcp li { }
/*zdd*/
.ztitle { border-bottom: 1px solid #ccc; margin-top: 20px; }
.ztitle span { float: left; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #db0023; font-size: 20px; background: #f0f0f0; font-size: 14px; margin: 0 4px 0 0; }
.ztitle span a { color: #db0023; }
.ztitle span.tithov, .ztitle span.tithov a { background: #db0023; color: #fff; }
.zntit_con { display: none; margin: 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.zntit_con p { font-size: 14px; color: #333; line-height: 24px; }
.zntit_con1 { display: block; }
/*citylist css*/

.wrap { font-size: 13px; }
.wrap .clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.wrap a { text-decoration: none; }
.wrap a:hover { text-decoration: underline; }
.wrap .cityin a, .all_city a { color: #0000cc; }
.wrap { position: relative; margin: 0 auto; width: 980px; }
.wrap .s_main { width: 910px; margin: 20px auto 0; }
.wrap .s_right { width: 860px; margin: 20px auto 0; }
.wrap .cityin { font-size: 12px; font-weight: bold; }
.wrap .cityin a { text-decoration: underline; margin-right: 17px; float: left; display: block; font-size: 14px; }
.wrap .cityin a:hover { color: #ED1C24; }
.wrap .cityin .in_cur { font-size: 14px; color: #cc0000; margin-right: 5px; }
.wrap .cityin .translation { float: right; }
.wrap .cityin .translation input, .cityin .translation select { float: left; }
.wrap .in_icon { display: block; width: 8px; height: 16px; float: left; margin-right: 24px; background: url(diqu.gif) no-repeat; }
.wrap .chose, .choseb { float: left; font-weight: bold; margin-right: 20px; }
.wrap .choseb { margin-top: 5px; }
.wrap .cityin_line { height: 1px; border-bottom: 1px solid #acacac; margin: 17px 0; position: relative; z-index: 9; }
.wrap .all_city dl { overflow: hidden; zoom: 1; }
.wrap .all_city dl dt { color: #6694e3; font-weight: bold; width: 31px; padding-bottom: 11px; }
.wrap .all_city dl dd { width: 860px; }
.wrap .all_city .img { width: 100px; font-size: 14px; }
.wrap .all_city dl dd a { padding-bottom: 11px; display: inline-block; float: left; margin-right: 14px; white-space: nowrap; }
.wrap .all_city dt, .all_city dd { float: left; }
.wrap a.redLink { color: #FF0000; text-decoration: underline; }
.wrap a.blackLink { color: #000; text-decoration: none; }
/*站点 浮动返回顶部*/
 
.cd-top { z-index:2; display: inline-block; height: 70px; width: 35px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */
overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/back_top.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cd-top.cd-is-visible { /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity: .7; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; }
.keifu_tab { width: 160px; }
.icon_keifu { width: 26px; height: 100px; float: left; background: url(../images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; }
.keifu_head { width: 131px; height: 41px; background: url(../images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(../images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con li { padding-left: 12px; }
.keifu_con .li-qq { height: 25px; padding-top: 2px; padding-bottom: 2px; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; padding-left: 0px; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(../images/keifu.png); background-position: 0 -153px; }
/*左下角 浮动 在线留言*/ 
#SfMessWrap { border: 2px solid #029bdb; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #029bdb; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(../images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 230px; height: 225px; padding-bottom: 5px; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 212px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; width: 190px; height: 17px; font-size: 12px; }
#SfMessBodyMid textarea { width: 210px; height: 73px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 0px; margin: 0px auto; }
#SfMessBodyMid div { margin-top: 3px; height: 20px; }
#SfMessBodyMid .contactmessage { height: 76px; }
#SfMessBodyMid .contactname { padding-left: 20px; background: url(../images/company.gif) no-repeat; }
#SfMessBodyMid .contacttel { padding-left: 20px; background: url(../images/mobile.gif) no-repeat; }
#SfMessBodyMid .contactfrom { padding-left: 20px; background: url(../images/from.gif) no-repeat; }
#SfMessBodyMid .contactemail { padding-left: 20px; background: url(../images/email.gif) no-repeat; }
#SfMessBodyMid .contactvalicode { padding-left: 20px; background: url(../images/other.gif) no-repeat; }
#SfMessBodyMid .contactvalicode input { width: 130px; height: 17px; float: left; }
#SfMessBodyMid .contactvalicode img { height: 19px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; float: right; }
.clearboth { clear: both; }
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other { padding-left: 20px; background: url(../images/other.gif) no-repeat; }
#SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#SfMessSubmit { width: 40px; background: url(../images/send.gif); color: #fff; border: 0; height: 22px; padding: 0px; float: right; }
#SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(../images/sign.png) left top no-repeat; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
.style1 { color: #f00; }



/*底部开始*/
.foot{ background:url(../images/footer_bg.png) no-repeat center top; height:300px;overflow:hidden; position:relative; margin-top:-7px;}
.flogo{ width:700px; height:284px; overflow:hidden; margin-top:45px; background:url(../images/line.gif) no-repeat right 24px;}
.flogo h2{ width:194px; height:77px; float:left; overflow:hidden;}
.flogo h2 img{width:194px; height:77px;}
.flogo h3{ width:445px; height:80px; float:left; overflow:hidden; font:14px "Microsoft Yahei"; color:#fff; margin-top:40px;}
.flogo h3 span{ font:36px Arial, Helvetica, sans-serif; font-weight:bold; color:#ebeef4; font-style:italic;}

.gs{ width:700px; overflow:hidden; font:13px "Microsoft Yahei"; color:#bbc0ce; position:relative;}
.gs a{ color:#bbc0ce;}
.gs span{ display:inline-block; width:408px;}
.gs em{ display:block; width:234px; height:32px; overflow:hidden; position:absolute; top:60px; left:408px;}
.gs em span{width:37px; display: inline-block;}
.gs em img{ width:32px; height:32px; margin-right:5px;}
.gs i{ display:block; width:50px; height:12px; overflow:hidden; position:absolute; top:34px; left:536px;}
.gs span a{ color:#fff;}

.fnav{ width:300px; margin-top:70px; overflow:hidden;}
.fnav p{ font:14px "Microsoft Yahei"; line-height:30px; color:#fff; height:82px; overflow:hidden; padding-left:20px;}
.fnav p a{ color:#fff; padding:0 12px; display:inline-block;}
.fnav p em{ padding:0 14px;}
.fnav h4{ height:115px;  text-align:center; overflow:hidden;}
.fnav h4 span{ display:inline-block; width:97px; height:115px; background:#9aa0b1; margin-right:15px; font:12px "Microsoft Yahei"; text-align:center; line-height:24px; color:#2d354b;}
.fnav h4 span img{ width:84px; height:84px; margin:9px 0 0 7px; display:block;}

.fwz{ height:170px; font:14px "Microsoft Yahei"; line-height:60px; overflow:hidden; color:#5f6982;}
.fwz span{  color:#9fa5b6;}
.fwz span em a{ color:#9fa5b6;}
.fwz span a{ color:#9fa5b6; padding:0 7px;}
.footer { width: 1000px; margin: 0 auto;}
.fl { float: left;}
.fr { float: right;}
/*底部结束*/

.mainbox2_topbg,.mainbox2_botbg{ position:absolute;}
.mainbox2_topbg{ width:31px; height:15px; top:0; left:50%; margin-left:-15px; background:url(../images/mainbox2_topbg.png) no-repeat;}
.mainbox2_botbg{ width:29px; height:15px; bottom:-15px; left:50%; margin-left:-15px; background:url(../images/mainbox2_botbg.png) no-repeat;}

/****************首页产品展示样式***************/
.lanrenzhijia{ width:1201px; height:auto; font-family:'微软雅黑'; overflow:hidden;}
.lanrenzhijia .tab{ overflow:hidden;}
.lanrenzhijia .tab a{ position:relative; display:block; width:196px; height:205px; line-height:45px; text-align:center; float:left; text-decoration:none; color:#666;  margin: 0 20px; -webkit-transition: -webkit-transform 2s; transition: all 2s; }
.lanrenzhijia .tab a:hover{ color:#10599e; text-decoration:none;}
.lanrenzhijia .tab a.on{ color:#10599e; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; padding:10px 0;}
.lanrenzhijia .content li{ display:none;}
.content .but_3 { width:283px; float:left; margin:0 8px;}
.but_3 a { width:114px; height:29px; background-color:#a0a0a0; color:#fff; display:block; text-align:center;}
.but_3 a:hover { background-color:#e37422; transition-duration: 1s;
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-duration: 1s; /* Safari 和 Chrome */
-o-transition-duration: 1s; }

.tab a:hover img { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); /* Opera */ }
@-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}
.tab a:hover img { animation: btnRotate 1.5s linear infinite; -webkit-animation: btnRotate 1.5s linear infinite; -moz-animation: btnRotate 1.5s linear infinite; -ms-animation: btnRotate 1.5s linear infinite; }



.font19{ font-size: 19px;}
.but_3 b{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 275px;
    display: block;}
.but_3 p{height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;}